$(function(){

    var form=layui.form
    var laypage = layui.laypage;
    template.defaults.imports.dataFormat = function(date) {
        const dt = new Date(date)
        var y = dt.getFullYear()
        var m = padZero(dt.getMonth() + 1)
        var d = padZero(dt.getDate())
        var hh = padZero(dt.getHours())
        var mm = padZero(dt.getMinutes())
        var ss = padZero(dt.getSeconds())
        return y + '-' + m + '-' + d + ' ' + hh + ':' + mm + ':' + ss
        }

    function padZero(n) { return n > 9 ? n : '0' + n }
    
    //定义查询对象q
    q={
        pagenum:1,//当前的页码值
        pagesize:2,//每页显示多少，默认每页显示两条
        cate_id:'',//文章分类的id
        state:'',//文章的状态，已发布，草稿
    }
    var layer=layui.layer
    initTable()
    //获取文章列表
    function initTable(){
        $.ajax({
            method:'GET',
            url:'/my/article/list',
            data:q,
            success:function(res){
                if(res.code!==0){
                    return layer.msg('获取文章列表失败')
                }
                // layer.msg('获取文章列表成功')
                // console.log(res);
                var htmlStr=template('ple-table',res)
                $('tbody').html(htmlStr)
                renderPage(res.total)
            }
        })
    }


    initCateList()
    //获取文章分类列表
    function initCateList(){
        $.ajax({
            method:'GET',
            url:'/my/cate/list',
            
            success:function(res){
                if(res.code!==0){
                    return layer.msg('获取文章分类列表失败')
                }
                // layer.msg('获取文章分类列表成功')
                // console.log(res);
                var htmlStr=template('ple—cate-list',res)
                $('[name=cate_id]').html(htmlStr)
                // 重新加载表单
                form.render()
            }
        })
    }

    // 实现搜索区域文章的获取
    $('#form-search').on('submit',function(e){
        e.preventDefault();
        // 更新数据
        q.cate_id=$('[name=cate_id]').val()
        q.state=$('[name=state]').val()
        // 初始化
        initTable()
    })

    //实现分页渲染
    function renderPage(total){
         //执行一个laypage实例
    laypage.render({
    elem: 'boxPage', //注意，这里的 test1 是 ID，不用加 # 号
    count: total ,//数据总数，从服务端得到
    limit:q.pagesize,
    curr:q.pagenum,
    layout:['count','limit','prev','page','next','skip'],
    limits:[1,2,4,5],
    jump: function(obj, first){
        //obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        // console.log(obj.limit); //得到每页显示的条数
        q.pagenum=obj.curr;//修改当前的页码值
        q.pagesize=obj.limit;//实现每页条数
        //  console.log(first);
         //首次不执行首次first 为true
         //点击页码 first为undefined,后面变为true
         if(!first){
        //do something
        initTable()
         }
    }   
    });
    
    }

    //通过事件委托给删除绑定事件
    $('tbody').on('click','#btn-del',function(){
        var id=$(this).attr('data-id')
        var len=$('.btn-del').length

        layer.confirm('确认删除吗?', {icon: 3, title:'提示'}, function(index){
            //do something
            $.ajax({
                method:'DELETE',
                url:'/my/article/info?id='+id,
                success:function(res){
                    if(res.code!==0){
                        return layer.msg('删除文章失败')
                    }
                    layer.msg('删除文章成功')
                    if(len===1 && q.pagenum!==1 ){
                        q.pagenum--
                    }
                    initTable()
                }
            })
            layer.close(index);
          });
       
    })
})